If you have recently upgrading to Fuji, you may encounter a few styling issues on your Service Catalog UI pages. You'll notice that some of your UI pages may have lost styling (CSS), or Catalog CMS pages look like they've been chopped off at the bottom:
This is due to a change in Fuji where the call to the CSS is done within each page rather than globally. If you've modified these pages prior to upgrading, Fuji changes won't apply. Your customized Catalog UI pages will loose styling and won't render properly.
To properly style up your pages, you'll need to add script lines to each customized page to call the missing scripting files.
To fix CSS styles in Fuji Catalog UI pages:
- Navigate to System UI > UI pages.
- Search for the UI page with CSS problems. (For example, com.glideapp.servicecatalog_checkout_view.)
- Include the lines just after the line: <j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<g:requires name="scripts/js_includes_catalog.js" includes="true" />
<g:requires name="styles/js_includes_catalog.css" includes="true" />
<g:requires name="styles/sc_cat_only.css" includes="false"/>
- Click Update.
Depending on the types of modifications you've made, additional adjustments may be required.
For related articles, see Upgrading to Fuji causes Catalog UI pages to lose styling
4 Comments
